<div class="top-list-detail-page main">
  <div class="top-list-detail-wrapper shadowbox">
    <div class="container-header">红黑榜详情
      <div class="pa-btn go-back" style="float: right;margin: 10px;"
        ui-sref="topList">
        <i class="fa fa-reply"></i>
        <span>返回</span>
      </div> 
    </div>
    <form class="base-info pa-form-content"
      name="addForm" novalidate>
      <div class="row-item">
        <div class="pa-form-control w45">
          <label class="name fl">施工队：</label>
          <div class="pa-text">
            <span>{{topListDetail.topList.constructionTeamName}}</span>
          </div>
        </div>
        <div class="pa-form-control w45">
          <label class="name fl">标段：</label>
          <div class="pa-text">
            <span>{{topListDetail.topList.name}}</span>
          </div>
        </div>
        <div class="pa-form-control w45">
          <label class="name fl">榜单类型：</label>
          <div class="pa-text">
            <span>{{topListDetail.topList.rbType == '0' ? '黑榜' : 
            topListDetail.topList.rbType == '1' ? '红榜' : ''}}</span>
          </div>
        </div>
        <div class="pa-form-control w45">
          <label class="name fl">申报时间：</label>
          <div class="pa-text">
            <span>{{topListDetail.topList.createTime1}}</span>
          </div>
        </div>
      </div>
      <div class="row-item">
        <div class="pa-form-control w45">
          <label class="name fl">申报简介：</label>
          <div class="pa-text">
            <span>{{topListDetail.topList.reason}}</span>
          </div>
        </div>
      </div>
      <div class="row-item" ng-hide="topListDetail.type == 'check'">
        <div class="pa-form-control w45">
          <label class="name fl">状态：</label>
          <div class="pa-text">
            <span ng-class="{
              'nostart':topListDetail.topList.temporaryState == '0',
              'has-complete':topListDetail.topList.temporaryState == '1',
              'ongoing':topListDetail.topList.temporaryState == '2'
            }">
              {{topListDetail.topList.temporaryState == '0' ? '未审批' : 
                topListDetail.topList.temporaryState == '1' ? '审批通过' :
                topListDetail.topList.temporaryState == '2' ? '审批未通过' : ''}}
            </span>
          </div>
        </div>
      </div>
      <div class="row-item"
        ng-hide="topListDetail.type == 'check' || 
      topListDetail.topList.temporaryState == '0'">
        <div class="pa-form-control w45">
          <label class="name fl">意见：</label>
          <div class="pa-text">
            <span>{{topListDetail.topList.checkComment}}</span>
          </div>
        </div>
      </div>
      <div class="row-item" ng-show="topListDetail.type == 'check'">
        <div class="pa-form-control w45">
          <label class="name fl">审批意见：</label>
          <div class="pa-text" >
            <input type="radio" class="sex-checkbox" value="1"
              name="checkState" required 
              ng-model="topListDetail.topDetailList.checkState" /><span>同意</span>
            <input type="radio" class="sex-checkbox" value="0"
              name="checkState" required
              ng-model="topListDetail.topDetailList.checkState" /><span>不同意</span>
            <span class="error-tip" 
              ng-show="(addForm.$submitted || addForm.checkState.$dirty) && addForm.checkState.$error.required"
            >必填</span>
          </div>
          <div class="pa-text">
            <textarea placeholder="审批意见" style="margin-top: 10px;"
              ng-model="topListDetail.topDetailList.checkComment">
            </textarea>
          </div>
        </div>
      </div>
    </form>

    <!-- 提交按钮 -->
    <div class="btn-outer"
      ng-show="topListDetail.type == 'check' ">
      <a class="pa-btn"
        authorization-btn="api/redBlack/redBlackCheckRecord/insert"
        ng-click="topListDetail.submit(addForm)">
        <i class="fa fa-save"></i>
        <span class="ml5">提交</span>
      </a>
      <a class="pa-btn reset-btn"
        ng-click="topListDetail.reset()">
        <i class="fa fa-repeat"></i>
        <span class="ml5">重置</span>
      </a>
    </div>
  </div>
</div>